import { computed, defineComponent } from "vue";
import "./login.less";
import LoginForm from "./components/loginForm/loginFrom";
export default defineComponent({
  name: "login",

  setup(_props, _ctx) {
    return () => {
      return (
        <>
          <div class="login-container">
            <div class="login-box">
              <div class="login-left">
                <img
                  class="login-left-img"
                  src={
                    new URL("@/assets/images/login_left3.png", import.meta.url)
                      .href
                  }
                  alt="login"
                />
              </div>
              <div class="login-form">
                <div class="login-logo">
                  {/* <img class="login-icon" src="@/assets/login.png" alt="" /> */}
                  <img
                    class="login-icon"
                    src={
                      new URL("@/assets/images/logo.png", import.meta.url).href
                    }
                  />
                  <h2 class="logo-text">登录</h2>
                </div>
                <LoginForm />
              </div>
            </div>
          </div>
        </>
      );
    };
  },
});
